在第一篇文章中，我們介紹了為什麼選擇 Electron 和 React 作為桌面應用開發的技術組合。

在接下來的這個系列中，我們將一步步從基礎入門到進階應用，構建跨平台桌面應用程式。

本文將梳理這個系列的目錄，幫助掌握整個學習的脈絡。

學習旅程概覽

這個系列將涵蓋 30 篇 文章，分為不同主題，逐步帶你掌握桌面應用開發所需的知識。無論你是初學者還是有經驗的開發者，這個系列都會帶你深入探索 Electron 和 React 的強大功能。

這是大概的學習地圖，若中間有想到什麼其他的或是一些突發奇想，可能會更動文章內容XD

入門基礎

1. 為什麼選擇 Electron 和 React

2. 系列目錄：Electron 和 React 開發之旅

3. Electron 和 React 的環境設定

4. 第一個 Electron + React 專案：建立基本應用程式

進階功能

5. 理解 Electron 的架構與原理

6. 使用 Vite 來優化 Electron 應用的開發體驗

7. React 與 Electron 的整合：打造動態的用戶界面

8. 多視窗應用的實作與視窗管理 (理論篇)

9. 視窗 API 集合

10. 視窗 API 大集合（進階篇）

11. 使用 Node.js 操作本地文件系統

狀態管理

12. 狀態管理：原理及工具介紹

13. Redux 狀態管理：在 Electron 中管理應用狀態

14. 與後端 API 整合：用 Axios 發送請求

15. Electron 狀態管理：跨視窗的跨視窗的狀態管理的難題

16. 解決方法：跨視窗的狀態管理

17. Fetch 技術：SWR & RTK Query

18. 本地存儲數據：使用 Electron Store

Electron 相關思考與解決方案

19. 中場休息：聊聊 Electron 中的性能優化策略

20. Electron：便利性與資源佔用之間的平衡

21. 思考：跨平台開發的挑戰與解決方案

實作範例

22. 實作截圖功能：初探

23. 實作截圖功能：進階

24. 實作截圖功能：螢幕錄製

25. 建立通知與系統 Tray 應用

26. 實作單點登入 (SSO) 登入功能 （上）

27. 實作單點登入 (SSO) 登入功能 （下）

Debug & 測試

28. Eelxtron 中如何撰寫單元 & 整合測試

打包

29. 打包 & 自動更新

未來展望

30. 結尾：Electron 應用的未來趨勢與挑戰